@m-height: 10.75rem;
@pc-height: 30.3125rem;
@cl-color:#175292;
@bg-size:1.875rem;
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
	li{
		list-style: none;
	}
}
a{
	text-decoration: none;
}
#header{
	position: sticky;
	top: 0;
	z-index: 9;
}
#container{
	min-height: 100vh;
	background-color: #fff;
	.banner{
		margin-bottom: 1.875rem;
		.image{
			width: 100%;
			height: @pc-height;
			overflow: hidden;
			// object-fit: contain;
		}
		@media (max-width: 48rem) {
			.image{
				transition: .3s;
				width: 100%;
				// height: @m-height;
				overflow: hidden;
			}
		}
		.img-word{
			position: absolute;
      top: 25%;
      left: 10%;
      color: #fff;
      width: 40%;
			.word-en{
				margin-bottom: 1.25rem;
				font-size: 1.125rem;
				font-family: Source Han Sans CN;
			}
			.word-content{
				line-height: 2rem;
				font-size: 1rem;
				overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp:4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
			}
		}
		@media (max-width: 31.25rem){
			.image{
				transition: .3s;
				width: 100%;
				height: @m-height;
				overflow: hidden;
			}
			.img-word{
				position: absolute;
				top: 13%;
				left: 10%;
				color: #fff;
				width: 40%;
				.word-title{
					font-size: 1rem;
					font-weight: bold;
				}
				.word-en{
					margin-bottom: .3125rem;
					font-size: .75rem;
					font-family: Source Han Sans CN;
				}
				.word-content{
					line-height: 1rem;
					font-size: .625rem;
					overflow:hidden;
					text-overflow: ellipsis;
					-webkit-line-clamp: 4;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
	.content{
		padding-top: 3rem;
		margin: 0 auto;
		#product{
			width: 77.5rem;
			text-align: center;
			margin: 0 auto;
			// margin-bottom: 6rem;
			.product_title{
				margin-bottom: 2rem;
				border-bottom: .2rem solid;
				display: inline-block;
				font-size: @bg-size;
				font-weight: bold;
			}
			.product_all{
				display: flex;
			  margin: 0 auto;
				justify-content: space-around;
				margin-bottom: 6rem;
				.product_one{
				  padding: 1rem;
					background-color: #fff;
					box-shadow: .0625rem .25rem .5rem 0rem rgba(31,33,33,0.3);
					width: 24%;
					.product_img{
						width: 12rem;
						height: 12rem;
						margin-bottom: 1.5rem;
						margin: 1rem;
					}
					.content_all{
						text-align: left;
						.product_sub_title{
							font-size: 1.2rem;
							font-weight: bold;
							color: #484848;
							margin-bottom: .2rem;
						}
						.product_content{
							width: 15rem;
							color: #484848;
							font-size: .8rem;
							overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical;
							line-height: 1.2rem;
						}
					}
				}
				
			}
			@media (max-width:78.125rem) {
				.product_all{
					display: flex;
				  flex-direction: column;
					align-items: center;
					.product_one{
						width: 80%;
						margin-bottom: .625rem;
						.content_all{
							text-align: center;
							.product_content{
								width: 100%;
							}
						}
					}
				}
			}
		}
		@media (max-width:78.125rem) {
			#product{
				width: 100%;
			}
		}
		#case{
			display: flex;
			margin-bottom: 2rem;
			align-items: center;
			width: 77.5rem;
			.left_img{
				.ny_img{
					width: 38.75rem;
					height: 32.875rem;
				}
			}
			.right_word{
				// display: flex;
				// flex-direction: column;
				flex: 1;
				text-align: left;
				.right_top{
					margin-left: 5rem;
				  border-bottom: .2rem solid;
				  display: inline-block;
					margin-bottom: 1.875rem;
					font-size: @bg-size;
					font-weight: bold;
				}
				.right_content{
					flex: 1;
					background-color: #E4F2FF;
					margin-bottom: 1.875rem;
					padding: 1.875rem 5rem;
					.right_title{
						margin-bottom: 1rem;
					}
					.right_sub_content{
						font-size: .8rem;
						overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
					  line-height: 1.2rem;
						margin-bottom: 1rem;
					}
					.img_group{
						display: flex;
						justify-content: space-between;
						.group_left_img,.group_right_img{
							width: 49%;
						}
					}
				}
				.right_more{
					margin-left: 5rem;
					display: inline-block;
				  padding: .3125rem 1.25rem;
				  font-size: .875rem;
				  text-align: center;
				  background-color: @cl-color;
				  color: #fff;
				  border-radius: 1.25rem;
					border: none;
					cursor: pointer;
				}
			}
			@media (max-width:78.125rem) {
				.right_word{
					text-align: center;
					.right_top{
						margin-left: 0;
					}
					.right_content{
						text-align: left;
					}
					.right_more{
						margin-left: 0;
					}
				}
			}
		}
		@media (max-width:78.125rem) {
			#case{
				display: flex;
				flex-direction: column;
				align-items: center;
				.left_img{
					width: 100%;
					.ny_img{
						width: 100%;
					}
					@media (max-width:43.75rem) {
						.ny_img{
							height: 25rem;
						}
					}
					@media (max-width:31.25rem) {
						.ny_img{
							height: 18.75rem;
						}
					}
				}
			}
		}
		#about{
			width: 100%;
			margin-bottom: 6rem;
			position: relative;
			.about_bgc{
				background-image: url('https://paidou.cdn.dgyunju.cn/image/download.png');
				background-repeat: no-repeat;
				background-position: center;
				height: 31.25rem;
				padding-top: 9.375rem;
				
			}
			.about_content{
				width: 77.5rem;
				margin: 0 auto;
				text-align: center;
				// background-color: #000;
				height: 38.75rem;
				top: -19.375rem;
				position: relative;
				z-index: 2;
				display: flex;
				justify-content: center;
				.about_left{
					flex: 1;
					text-align: left;
					.about_title{
						color: #fff;
						display: inline-block;
						border-bottom: .125rem solid #fff;
						padding-bottom: .1875rem;
						margin-bottom: 5rem;
						font-weight: bold;
						font-size: @bg-size;
					}
					.about_num{
						color: #fff;
						.num_list{
							display: flex;
							margin-bottom: 	5rem;
							.num_one{
								width: 33%;
								text-align: center;
								position: relative;
								&::after{
									content: '';  
									position: absolute;  
									right: 0;  
									top: 0;  
									bottom: 0;  
									width: .0625rem; 
									background-color: #fff;
								}
								&:last-child::after{
									display: none;
								}
								.num_big{
									font-size: 4.375rem;
									font-weight: bold;
									margin-bottom: .625rem;
								}
								.num_content{
									font-size: .875rem;
								}
							}
						}
					}
					.about_sub_content{
						padding-right: 1.875rem;
						.sub_title{
							font-size: 1.5rem;
							font-weight: bold;
							margin-bottom: .625rem;
						}
						.down_title{
							font-size: .875rem;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 7;
							-webkit-box-orient: vertical;
							line-height: 1.4rem;
							margin-bottom: 1rem;
						}
					}
					.about_more{
						position: absolute;
						bottom: 0;
						display: inline-block;
						padding: .3125rem 1.25rem;
						font-size: .9rem;
						text-align: center;
						background-color: @cl-color;
						color: #fff;
						border-radius: 1.25rem;
						border: none;
						cursor: pointer;
					}
				}
				.about_right{
					.about_right_img{
						height: 100%;
						width: 38.75rem;
					}
					@media (max-width:40.625rem) {
						.about_right_img{
							width: 100%;
						}
					}
				}
			}
			@media (max-width:43.125rem) {
				.about_content{
					width: 100%;
					padding: 1.25rem;
					display: flex;
					flex-direction: column;
					top: -6.25rem;
					
				}
			}
			@media (max-width:78.75rem) {
				.about_content{
					width: 100%;
					padding: 1.25rem;
					display: flex;
					flex-direction: column;
					top: -8.125rem;
					.about_left{
						.about_more{
							position: relative;
							display: flex;
							margin: 0 auto;
              margin-bottom: .9375rem;
						}
					}
				
					
				}
			}
			@media (max-width:33.75rem) {
				.about_content{
					width: 100%;
					padding: 1.25rem;
					display: flex;
					flex-direction: column;
					top: -10.625rem;
				}
			}
		}
		@media (max-width:28.125rem){
			#about{
				margin-bottom: 2.5rem;
			}
		}
		#news{
			width: 77.5rem;
			margin: 0 auto;
			text-align: center;
			position: relative;
			top: -13.75rem;
			.news_title{
				margin-bottom: 2rem;
				border-bottom: .2rem solid;
				display: inline-block;
				font-weight: bold;
				font-size: @bg-size;
			}
			.new_list{
				display: flex;
				align-items: center;
				// margin-bottom: 6.25rem;
				justify-content: space-around;
				.news_one{
					width: 32%;
					// height: 20.8125rem;
					.news_li{
						width: 100%;
						height: 100%;
						position: relative;
						.new_img{
							width: 100%;
							height: 100%;
						}
						.gollry{
							position: absolute;
              bottom: 0;
						  left: 0;
              width: 100%;
              height: 20%;
							padding: .9375rem;
              background: #175292ab;
						  z-index: 9;
						  color: #fff;
							text-align: left;
							overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
					    line-height: 1.2rem;
							display: none;
							font-size: .875rem;
						}
					}
				}
			}
			@media (max-width:78.75rem){
				.new_list{
					display: flex;
				  flex-direction: column;
					.news_one{
						width: 80%;
					}
				}
			}
		}
		@media (max-width:78.75rem) {
			#news{
				top: 0;
				margin-bottom: 2.5rem;
				width: 100%;
			}
		}
		.swiper-container {
			width: 100%;
			height:100%;
			margin-bottom: 3.125rem;
			overflow: hidden;
	  }
	  .swiper-slide {
	  		text-align: center;
	  		font-size: 1.125rem;
	  		background: #fff;
  
	  		/* Center slide text vertically */
	  		display: -webkit-box;
	  		display: -ms-flexbox;
	  		display: -webkit-flex;
	  		display: flex;
	  		-webkit-box-pack: center;
	  		-ms-flex-pack: center;
	  		-webkit-justify-content: center;
	  		justify-content: center;
	  		-webkit-box-align: center;
	  		-ms-flex-align: center;
	  		-webkit-align-items: center;
	  		align-items: center;
	  }
		.swiper-pagination{
			position: relative;
			bottom: 0;
		}
		.swiper-pagination-bullet-active {
			color: #fff;
			width: .625rem;
      height: .625rem;
      background: @cl-color;
		}
		.swiper-pagination-bullet{
			width: .625rem;
      height: .625rem;
			margin-bottom: 3rem;
		}
	}
}
@media (max-width:68.75rem) {
	footer{
		transition: .3s;
		display: none;
	}
}
